page-mine-contacts
{
  .mine-contacts-header
  {
    @include office-header-style;
    .toolbar-background
    {
      @include office-background();
    }
  }

  // 个人信息展示
  .mine-contacts-section
  {

    .scroll-content
    {
      background-color: $office-page-background;

      // 联系人分类
      .contacts-title
      {
        padding-left: px2rem(32);
        height: px2rem(60);
        line-height: px2rem(60);
        font-size: px2rem(26);
        color: $office-light-black-nine;
      }
      // 头部个人信息
      ion-list
      {
        padding: 0;
        margin: 0;

        // 有箭头部分
        >a.item
        {
          border: 0 !important;
          padding-left: px2rem(32);
          height: px2rem(88);

          div.item-inner{
            padding-right : px2rem(49) !important;
            background: url("../assets/img/common/arrows-right.png") no-repeat right px2rem(32) center !important;
            background-size: px2rem(17) px2rem(29) !important;
            // 左边
            div.input-wrapper{
              ion-label
              {
                margin: 0;
                h2,div{
                  height: px2rem(88);
                  line-height: px2rem(88);
                }
                // 标题
                &>h2
                {
                  float: left;
                  font-size: px2rem(30);
                  color: $office-black;
                }
                // 内容
                &>div
                {
                  float: right;
                  font-size: px2rem(28);
                  color: $office-light-black-six;
                  margin-right: px2rem(32);
                }

              }
            }
          }

          &:nth-child(1)
          {
            div.item-inner
            {
              border-bottom: px2rem(1) solid $office-ion-item-border-color;
            }
          }
        }

        // picker样式
        .arrows-right
        {
          @include office-picker-style;
        }

      }

      // 增加margin
      .add-bottom
      {
        margin-bottom: px2rem(120);
      }

    }

  }

  // 底部
  .mine-contacts-footer
  {
    height: px2rem(98);
    bottom: 0 !important;
    button
    {
      @include office-background();
      @include office-footer-button-style(100%);
      @include office-button-disable();
    }
  }
}

